<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
    </style>
</head>

<body>
    <div class="box">特等奖</div>
    <canvas id="canvas">
        <input id="button" type="range" min="1" max="12">
      </canvas>
    <script>
        var canvas = document.querySelector('#canvas')
        var context = canvas.getContext('2d');
        var button = document.getElementById("button");

        // button.focus();

        // context.beginPath();
        // context.rect(10, 10, 30, 30);
        // context.drawFocusIfNeeded(button);









    </script>
</body>

</html>